<template>
    <div class="content">
        <Logo />
        <Shots />
    </div>
</template>

<script>
import Logo from '../components/Logo.vue'
import Shots from '../components/Shots.vue'

export default {
    name: 'Content',
    props: {},
    components: {
      Logo,
      Shots
    },
    data() {
        return {
           
        }
    },
    mounted() {
       
    },
    methods: {
       
    },
}
</script>

<style lang="stylus" scoped>
@require '../styles/mixins.styl'
@require '../styles/mode.styl'
p a code
  font-weight 400
  color $accentColor
.content
  padding 0
  margin 0 auto
  position relative
  box-sizing border-box
  height 100vh
  display flex
  flex-direction column
  align-items center
  justify-content center
  text-align center
  overflow hidden
  background-position center
  background-size cover
</style>
